<!--
 * @Description: 
 * @Author: 张文韬
 * @Date: 2024-06-23 15:27:49
 * @LastEditTime: 2024-06-23 16:59:56
 * @LastEditors: 张文韬
 * @Reference: 
-->
<template>
  <el-card>
    <template #header>常用功能</template>
    <div class="flex flex-justify-around">
      <div v-for="(item, index) in menus" :key="index" class="mt-10px">
        <div class="flex flex-col text-center">
          <el-image
            class="w-100px h-100px"
            src="https://fuss10.elemecdn.com/e/5d/4a731a90594a4af544c0c25941171jpeg.jpeg"
            fit="fill"
          />
          <div class="m-10px">{{ item.name }}</div>
        </div>
      </div>
    </div>
  </el-card>
</template>

<script setup>
const menus = [
  {
    name: '订单查询',
    icon: 'el-icon-s-tools',
    path: '/system'
  },
  {
    name: '保单查询',
    icon: 'el-icon-s-data',
    path: '/system/statistics'
  },
  {
    name: '订单结算',
    icon: 'el-icon-s-data',
    path: '/system/statistics'
  },
  {
    name: '理赔报案',
    icon: 'el-icon-s-data',
    path: '/system/statistics'
  },
  {
    name: '发票管理',
    icon: 'el-icon-s-data',
    path: '/system/statistics'
  }
]
</script>
